<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>背景图片</title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    <style>
	.userheader header{
		border: 1px solid gainsboro;
		box-shadow: none;
	}
	.userheader h1{
		top: 14px;
	}
	.backcentar{
		border: 1px solid gainsboro;
		height: 72px;
		margin-top: 90px;
		width: 100%;
	}
	.backfooter button{
		line-height: 10px;
		display: block;
		margin-top: 50px;
		margin-left: 170px;
	}
    </style>
	</head>
	
	<body>
	<div class="userheader">
		<header class="mui-bar mui-bar-nav" style="height: 73px; background: white;padding-top: 13px;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">背景图片修改</h1>
		</header>
	</div>
	
		<div class="backcentar" style="position: relative;">
		<div style="position: absolute; top: 25px; left: 110px; font-size: 15px;">从本地选择背景图片</div>
		<div class="mui-icon mui-icon-forward" style="position: relative; left:330px; top: 23px;"></div>			
		</div>
	</div>

	</body>
</html>
